@charset "utf-8";
body,
dd,
dl,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
p,
ul,
ol {
	margin: 0
}
html,body {
	height: 100%;
	overflow: hidden;
}
body {
	background-color: #f6f7fb;
	font-size: 14px;
	font-family:"Microsoft YaHei";
	min-width: 980px!important;
	color: #666666;
	position: relative;
}
input,
ol,
ul {
	padding: 0
}

ul,ol {
	list-style-position: outside;
	list-style: none
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

a img {
	border: none
}

a {
	text-decoration: none
}

a:hover {
	text-decoration: none
}

em,
i {
	font-style: normal
}

b {
	font-weight: 400
}

a,
input {
	outline: 0;
}
input,textarea {
	outline:none;
	cursor: pointer;
}

input::-ms-clear {
	display: none
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}
.clearfix:after,
.clearfix:before {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1
}

/*iconfont*/
@font-face {
	font-family: "iconfont";
	src: url('fonts/iconfont.eot?t=1498099974682');
	/* IE9*/
	src: url('fonts/iconfont.eot?t=1498099974682#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/iconfont.woff?t=1498099974682') format('woff'), /* chrome, firefox */
	url('fonts/iconfont.ttf?t=1498099974682') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
	url('fonts/iconfont.svg?t=1498099974682#iconfont') format('svg');
	/* iOS 4.1- */
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*from*/
.input { border-radius: 3px; width: 100%; height: 100%; border: 1px solid #dbdbdb; box-sizing: border-box; color: #666666; font-size: 14px; text-indent: 5px;}
.button { border-radius: 3px; background-color: #ff8800; height: 28px; border: none; color: #ffffff;}
.textarea { width: 100%; height: 188px; border: 1px solid #dbdbdb; box-sizing: border-box; color: #666666; font-size: 14px; border-radius: 3px; padding: 10px; line-height: 21px;}
/*float*/
.fl {
	float: left!important;
}
.fr {
	float: right!important;
}

/*font-size*/
.f12 {
	font-size: 12px!important;
}
.f14 {
	font-size: 14px!important;
}
.f16 {
	font-size: 16px!important;
}
.f20{
	font-size: 20px!important;
}
.f22{
	font-size: 22px!important;
}
.f26 {
	font-size: 26px!important;
}
.f40 {
	font-size: 40px!important;
}
/*font-color*/
.f-orange {
	color: #FF8800!important;
}
.f-white {
	color: #ffffff!important;
}
.f-gray {
	color: #666666!important;
}
.f-black {
	color: #1a1a1a!important;
}

/*backColor*/
.b-g{
	 background-color:#ecedf8!important;
}
.b-w{
	 background-color:#ffffff!important;
}
.magin-topn { margin-top: 0!important;}
.magin-top3 { margin-top: 30px!important;}

/*left*/
#left {width: 185px; height: 100%; position: absolute; top: 0; left: 0; background-color: #343644;}
#logo { width: 185px; height: 68px; background-color: #2b2c35; text-align: center; display: table-cell; vertical-align:middle;}
#logo img { vertical-align: middle;}
.left-tit { height: 76px; line-height: 76px; color: #8085a4; text-align: center;}
#nav { height: calc(100% - 64px); overflow: auto;}
#nav a { line-height: 50px; display: block; height: 50px;border-left: 4px solid #343644; padding-left: 56px; position: relative; color: #a9aed1; box-sizing: border-box;}
#nav>ul>li ul { background-color: #343644; display: none;}
#nav>ul>li>a.akt { background-color: #2b2c35; color: #ff8800; border-left: 4px solid #ff8800;}
#nav>ul>li>a i { position: absolute; top: 0; left: 25px;}
#nav>ul>li>a b { position: absolute; top: 0; right: 15px;}
#nav>ul>li>a.akt i,#nav>ul>li>a.akt b { color: #ff8800; }
#nav>ul>li>a b::before { content: "\e600"; font-size: 12px;}
#nav>ul>li>a b.s-cion::before { content: "\e639"; font-size: 12px;}
#nav>ul>li ul li a.akt-a { color: #ff8800;}
.nav-icon { font-size: 23px;}
.nav-icon01::before {content: "\e65f";}
.nav-icon02::before {content: "\e606";}
.nav-icon03::before {content: "\e65d";}
.nav-icon04::before {content: "\e636";}
.nav-icon05::before {content: "\e611";}



/*right*/
#right { margin-left: 185px; background-color: #f9f9fc; height: 100%; overflow: hidden;}
#right .right-top { height: 68px; background-color: #2b2c35;}
.right-nav .right-index-bnt { width: 130px; float: left;}
.right-nav .right-index-bnt a { display: block; height: 68px; line-height: 68px; text-align: center; color: #bdbdbd; background-color: #24252c;}
.right-nav .right-nav-ul { float: right;}
.right-nav .right-nav-ul>ul>li { cursor: pointer; float: left; padding: 0 25px; height: 68px; line-height: 68px; color: #bdbdbd; border-left: 1px solid #24252c; position: relative;}
.right-nav-ul2{ display: none; position: absolute; top: 68px; text-align: center; left: 0; width: 100%; background-color: #2b2c35; z-index: 99; }
.right-nav-ul2 li { line-height: 40px;}
.right-nav .right-nav-ul a,.right-nav-ul2 li a{ color: #bdbdbd;}
.right-nav-ul2 li a:hover { color: #ff8800;}
.right-nav-ul2 li a.akt-a {color: #ff8800;}
#right .right-login { width: 90px; height: 30px; float: right; line-height: 30px; position: relative; cursor: pointer;}
.frame{ height: calc(100% - 68px); overflow: hidden; } 
.iframe {width:100%; height:100%;}


.pd30 { padding: 30px; overflow: auto!important; box-sizing: border-box;}
/*index*/
.center-nav { position: relative;}
.center-nav a { position: absolute; top: 0; right: 0; display: block; height: 30px; border-radius: 3px; line-height: 30px; padding: 0 10px; font-size: 14px; background-color: #ff8800; color: #ffffff;}
.notice { position: relative; height:46px; background-color: #f3ece1; margin-bottom: 30px; }
.notice p {line-height: 46px; padding: 0 36px 0 60px;}
.notice p a {color: #ff8800;}
.notice .notice-icon { position: absolute; width: 60px; line-height: 46px; text-align: center; top: 0; left: 0;}
.notice .notice-icon::before { content: "\e608"; color: #ff8800; font-size: 24px;}
.notice .notice-close { position: absolute; width: 36px; line-height: 46px; text-align: center; top: 0; right: 0; cursor: pointer;}
.notice .notice-close::before { content: "\e60b"; color: #ff8800; font-size: 16px;}
.div-back { margin-top: 30px;}
.back-nav { height: 70px; padding: 0 24px; line-height: 70px; color: #1a1a1a; font-size: 16px; font-weight: normal; position: relative; border-radius: 3px;}
.back-nav a { position: absolute; right:10px; top: 0; line-height: 70px; color: #ff8800;}
.my-assets { height: 364px; width: calc(100% - 485px); float: left;}
.my-assets ul { padding: 0 0 0 24px; }
.my-assets ul li { float: left; width: 25%; height: 120px; margin-bottom: 22px;}
.my-assets ul li>div {height: 100%; margin-right: 24px; overflow: hidden; border-radius: 3px; position: relative;}
.my-assets ul li>div.sg p { color: #ffffff; margin-left: 33px;}
.my-assets ul li>div.sg p.xx { line-height: 36px; margin-top: 25px;}
.my-assets ul li>div.sg p.fg { height: 1px; width: 16px; border-top: 1px solid #ffffff; margin-top: 7px; margin-bottom: 7px;}
.my-assets ul li>div.sg p.jb { line-height: 30px;}
.my-assets ul li>div.sg p.al { line-height: 30px; width: 60px; margin-top: 7px;} 
.my-assets ul li>div.sg p.al a { display: block; border: 1px solid #ffffff; border-radius: 3px; text-align: center; color: #ffffff;}
.my-assets ul li>div.sg p span { display: block;}
.my-assets ul li>div.sg i{position: absolute; bottom: -30px; right: 37px; font-size: 120px; color: #ffffff; opacity: .2;}
.my-assets ul li>div.sg i.jjb-icon::before { content: "\e64a";}
.my-assets ul li>div.sd p { color: #ffffff; padding-left: 30px;}
.my-assets ul li>div.sd p.je {font-size: 22px; margin-top: 30px;}
.my-assets ul li>div.sd p.mc {margin-top: 10px;}
.my-assets ul li>div.sd i { position: absolute; bottom: -15px; right: 30px; font-size: 55px; color: #ffffff; opacity: .2;}
.my-assets ul li>div.sd i.dzb-icon::before { content: "\e604";}
.my-assets ul li>div.sd i.xjb-icon::before { content: "\e605";}
.my-assets ul li>div.sd i.cxqb-icon::before { content: "\e63c";}
.my-assets ul li>div.sd i.gwj-icon::before { content: "\e62f";}
.my-assets ul li>div.sd i.zjqb-icon::before { content: "\e60e";}
.my-assets ul li>div.sd i.jf-icon::before { content: "\e621";}
.b-se01 { background-color: #ffba41;}
.b-se02 { background-color: #27b0e8;}
.b-se03 { background-color: #ba86f0;}
.b-se04 { background-color: #ff7ba1;}
.b-se05 { background-color: #1ad0c2;}
.b-se06 { background-color: #ff7c6b;}
.b-se07 { background-color: #6acc02;}

.mailbox { height: 364px; width: 455px; float: right;}
.tab-nav { height: 70px; box-sizing: border-box; border-bottom: 1px solid #dbdbdb;}
.tab-nav ul li { width: 50%; float: left; text-align: center;}
.tab-nav ul li a { display: inline-block; width: 90px; text-align: center; line-height: 68px; font-size: 16px; color: #1a1a1a; box-sizing: border-box;}
.tab-nav ul li.active a { border-bottom: 2px solid #ff8800; color: #ff8800;} 
.mailbox-cen { padding: 0 35px;}
.mailbox-cen ul li { height: 53px; line-height: 53px; border-bottom: 1px solid #dbdbdb; overflow: hidden;}
.mailbox-cen ul li a {display: block; color: #666666;}
.mailbox-cen p { text-align: right; margin-top: 20px;}


.div-back-left {float: left; width: calc(100% - 485px);}
.my-team-order { width: calc(50% - 12px);}
.my-team-order ul { padding: 0 25px;}
.my-team-order ul li { height: 51px; line-height: 51px; border-bottom: 1px solid #dbdbdb; color: #666666;}
.my-team-order ul li:last-child { border-bottom: none;}
.my-team-order ul li span { display: inline-block; margin-right: 50px;}


.lately-tab ul li {width: 20%; }
.lately-cen { height: 360px;}
.grp-top {text-align: right; padding-top: 30px;}
.grp-top span { display: inline-block; height: 20px; line-height: 20px; color: #666666; margin-right: 20px;}
.grp-top span i { width: 40px; height: 20px; float: left; margin-right: 5px;}
.grp-top span i.c { background-color: #ff8800;}
.grp-top span i.l { background-color: #6777f1;}
.div-back-right {width: 455px; float: right;}

.commodity-list ul { margin-top: 38px;}
.commodity-list ul li { height: 189px; position: relative;}

.commodity-list ul li div.tu { position: absolute; top: 0; left:25px; width: 148px; height: 148px; border: 1px solid #dbdbdb;}
.commodity-list ul li div.tu p { width: 148px; height: 148px; text-align: center;display: table-cell;vertical-align: middle;}
.commodity-list ul li div.tu p img {vertical-align: middle;}
.commodity-list ul li div.ce { margin-left: 200px;}
.commodity-list ul li .bt {padding-top: 20px;}
.commodity-list ul li .jg { padding-top: 5px;}
.commodity-list ul li .jg i {display: inline-block; margin-left: 10px;}
.commodity-list ul li .al { padding-top: 25px;}
.commodity-list ul li .al a{ width: 105px; height: 40px; border: 1px solid #ff8800; text-align: center; line-height: 40px; display: block; color: #ff8800;}

.center-search { padding: 40px 0; margin-top: 30px; }
.center-search .form-cen li{ width: 17%; float: left; height: 32px; line-height: 32px; box-sizing: border-box; position: relative;}
.center-search .form-cen li span {color: #1A1A1A;position: absolute; top: 0; left: 20px;}
.center-search .form-cen li>div { height: 32px;}
.center-search .form-cen li:last-child {width: 160px; padding-left: 30px; border-left: 1px solid #dbdbdb; margin-left: 30px;}
.center-search .form-cen li:last-child>div { margin: 0;}
.center-search .form-cen li:last-child>div input { background-color: #ff8800; border: 1px solid #ff8800; color: #ffffff;}



.center-tab {margin-top: 30px;}
.table-cen { width: 100%;}
.table-cen thead tr th { height: 59px; line-height: 59px; text-align: left; background-color: #ecedf8; font-size: 16px;}
.table-cen thead tr th:first-child { border-radius: 5px 0 0 5px; padding-left: 30px;}
.table-cen thead tr th:last-child { border-radius: 0 5px 5px 0;}
.table-cen thead tr th>div { padding-left: 10px;}
.table-cen tbody tr td { height: 56px; line-height: 56px; text-align: left; font-size: 14px;}
.table-cen tbody tr td:first-child { padding-left: 30px;}
.table-cen tbody tr td:last-child { padding-right: 30px;}
.table-cen tbody tr td>div { min-height: 58px;padding-left: 10px; border-bottom: 1px solid #DBDBDB;border-top:1px solid #ffffff;}
.table-cen tbody tr td:first-child>div {border-left: 1px solid #ffffff;}
.table-cen tbody tr td:last-child>div {border-right: 1px solid #ffffff;}
.table-cen tbody tr:hover td>div {border-top:1px solid #ff8800; border-bottom: 1px solid #ff8800;}
.table-cen tbody tr:hover td:first-child {  padding-left: 0;}
.table-cen tbody tr:hover td:last-child{  padding-right: 0;}
.table-cen tbody tr:hover td:first-child div { padding-left: 40px; border-radius:  5px 0 0 5px; border-left: 1px solid #ff8800; }
.table-cen tbody tr:hover td:last-child div { border-radius: 0 5px 5px 0; border-right: 1px solid #ff8800;}


.center-from { margin-top: 30px; padding-top: 20px;}
.center-from .center-from-ul { width: 750px;}
.center-from .center-from-ul li{ float: left; width: 100%; min-height: 32px; position: relative; margin-bottom: 20px;}
.center-from .center-from-ul li.width5 { width: 50%;}
.center-from .center-from-ul li.width6 { width: 60%;}
.center-from .center-from-ul li span.bt { color: #1A1A1A; position: absolute; top: 0; left: 0; width: 95px; line-height: 32px; text-align: right; padding-right:25px;}
.center-from .center-from-ul li div.center-from-input { margin-left: 120px; height: 32px; position: relative;} 
.center-from .center-from-ul li.height-at div.center-from-input { height: auto;}
.center-from .center-from-p { width: 180px; height: 32px; padding-bottom: 20px;}
.center-from .center-from-p input { width: 100%; margin-left: 130px;}
.center-from .center-from-ul li div .input-bt { width: 500px; position: absolute; top: 0; left: 100%; line-height: 32px; padding-left: 10px; font-size: 12px; color: #666666;}


/*mall*/
.mall-class { background-color: #ffffff; padding:10px 0; margin-top: 24px;}
.mall-class dl { min-height: 36px; position: relative;}
.mall-class dl dt { line-height: 36px; position: absolute; width: 100px; text-align: center;}
.mall-class dl dd { margin-left: 100px;}
.mall-class dl dd a { float: left; line-height: 36px; padding: 0 20px;}
.mall-class dl dd a.akt { color: #ff8800;}
.mall-saix { background-color: #ededf9; margin-top: 24px; height: 47px;}
.mall-saix-ul { height: 47px; position: relative; z-index: 9;}
.mall-saix-ul li{ width: 110px; line-height: 47px; float: left; text-align: center; border-right: 1px solid #d7d9ef;}
.mall-saix-ul li.akt { color: #ff8800;}
.mall-saix-hover { position: absolute; height: 47px; border: 1px solid #ff8800!important; width: 110px; z-index: -1; background-color: #ffffff; border-radius: 5px;}
.mall-last { background-color: #ffffff; margin-top: 24px;}
.mall-last ul { margin-right: 30px;}
.mall-last ul li { width: 20%; float: left; padding-left: 30px; box-sizing: border-box; margin-top: 30px;}
.mall-last ul li .mall-last-xq { box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius: 10px; border: 2px solid #ffffff;}
.mall-last ul li .mall-last-xq .tu {width: 100%; height: 230px; text-align: center; height:230px; line-height:230px; border-bottom: 1px solid #dbdbdb;}
.mall-last ul li .mall-last-xq .tu img { max-width: 100%; max-height: 230px; display: inline-block; vertical-align: middle; }
.mall-last ul li .mall-last-xq:hover { border: 2px solid #ff8800; }
.mall-last ul li .mall-last-xq .jg { line-height: 50px; padding: 0 20px;}
.mall-last ul li .mall-last-xq .bt { margin-bottom: 5px; padding: 0 20px;}
.mall-last ul li .mall-last-xq .bz { margin-bottom: 15px; padding: 0 20px;}
.mall-Settlement-list table thead { background-color: #ecedf8; height: 60px; line-height: 60px;}
.mall-tp img{ max-width: 170px; max-height: 120px;}
.mall-Settlement-list td>div{ height: 130px; line-height: 130px;}
.add-subtract { width: 100px; height: 30px; border: 1px solid #d4d4d4; line-height: 30px; text-align: center;margin-top: 45px;}
.add-subtract span { float: left; width: 33.3%; border-right: 1px solid #d4d4d4; box-sizing: border-box; color: #d4d4d4; cursor: pointer;}
.add-subtract input { float: left; width: 33.3%; border: none; height: 30px; border-right: 1px solid #d4d4d4; box-sizing: border-box; text-align: center;}
.add-subtract span:last-child { border-right: none;}
.mall-form { padding: 30px 0; margin: 0 30px;}
.mall-form li { float: left;}
.mall-for-z { padding: 40px 0; border-top: 1px solid #dbdbdb; text-align: center;}
.mall-for-z p { line-height: 40px;}
.mall-for-z span { display: inline-block; width: 160px;}
.order-list ul>li { border: 1px solid #e5e5e5; margin-bottom: 20px;}
.order-list-top { height: 40px; line-height: 40px; background-color: #ecedf8;border-bottom: 1px solid #e5e5e5;}
.order-list-top>span { padding: 0 20px;color: #aaaaaa;}

.order-list-bot table {width: 100%;}
.order-list-bot table td {border-right: 1px solid #e5e5e5;}
.order-list-bot table td:last-child { border-right: none;}
.order-list-bot .sp { width: 50%;}
.order-list-bot .sp ol li {border-bottom: 1px solid #e5e5e5;}
.order-list-bot .sp ol li:last-child { border-bottom: none;}
.order-list-bot .sp span { float: left; width: 20%; line-height: 60px; color: #aaaaaa;}
.order-list-bot .sp span.tu { text-align: center;  height: 60px; overflow: hidden;  line-height: 60px;}
.order-list-bot .sp span.tu img { max-width: 60px; max-height: 60px;display: inline-block;vertical-align: middle;}
.order-list-bot .shr,.order-list-bot .je,.order-list-bot .zt { padding-left: 20px;}

.goods-details { position: relative; height: 540px;}
.goodes-details-right { margin-left: 450px; margin-right: 30px; margin-top: 30px;}
.goodes-details-right .bt { margin-bottom: 10px;}
.goodes-details-right .xq { line-height: 33px; background-color: #f5f7fa; padding: 10px 20px; color: #666666; position: relative;}
.goodes-details-right .xq p span { margin-right: 15px;}
.goodes-details-right .yf { line-height: 55px; padding-left: 20px;}
.goodes-details-right .xh-ys { padding-left: 20px;}
.goodes-details-right .xh-ys dl { position: relative; line-height: 30px; margin-bottom: 15px;}
.goodes-details-right .xh-ys dt { position: absolute; top: 0; left: 0;}
.goodes-details-right .xh-ys dd { margin-left: 55px;}
.goodes-details-right .xh-ys dd a { float: left; height: 30px; padding: 0 15px; border: 1px solid #ffffff;}
.goodes-details-right .xh-ys dd a.akt { border: 1px solid #ff8800; color: #ff8800;}
.goodes-details-right .sl { padding-left: 20px; line-height: 28px;}
.goodes-details-right .sl .jia-jian { display: inline-block; width: 100px; height: 28px; border: 1px solid #dbdbdb; margin-left: 12px; cursor: pointer;}
.goodes-details-right .sl .jia-jian input { width: 33.3%; height: 28px; border: none; border-right: 1px solid #dbdbdb; text-align: center;}
.goodes-details-right .sl .jia-jian span { width: 33.3%; float: left;text-align: center; box-sizing: border-box; border-right: 1px solid #dbdbdb;}
.goodes-details-right .sl .jia-jian span:last-child { border-right: none; float: right;}
.goodes-anniu input { width: 160px; height: 58px; border: 1px solid #ff8800; color: #ffffff; border-radius: 5px; margin-top: 20px; margin-right: 20px;}
.goodes-anniu input.ljgm { background-color: #ffffff; color: #ff8800;}
.goodes-anniu input.jrgwc { background-color: #ff8800;}
.goodes-details-left { width: 385px; position: absolute; left:30px; top: 30px;}
.goodes-details-left .rq-ll{ text-align: center; line-height: 50px; }
.goods-attr,.goods-cen { border-top: 1px solid #cbcbcb; padding-top: 28px; margin: 0 30px;}
.top-haed { height: 17px; border-left: 4px solid #ff8800; font-size: 16px; line-height: 17px; padding-left: 10px;}
.goods-attr-center { padding: 20px 10px; line-height: 24px;}
.goods-cen-center { padding: 20px 10px;}
.details-carousel ul li { display: none;}
.details-carousel ul li.on { display: block;}
.details-carousel ol { margin-top: 10px;}
.details-carousel ol li { width: 55px; height: 55px; overflow: hidden; float: left; box-sizing: border-box; border: 2px solid #ffffff; margin-right: 22px;}
.details-carousel ol li.on {  border: 2px solid #ff8800;}
.details-carousel ol li img { width: 55px; height: 55px;}
.jy-zs { position: absolute; right: 0; top: 10px;}
.jy-zs p { float: left; text-align: center; padding: 0 20px;}
.jy-zs p:first-child { border-right: 1px solid #a5a5a5;}
/*paging*/
.paging { padding: 30px 0; text-align: center;}
.paging a,.paging span { height: 25px; line-height: 25px; padding: 0 10px;display: inline-block; border:1px solid #dcdde0;border-radius: 3px; background-color: #f5f7fa; color: #1a1a1a; margin: 0 3px;}
.paging a.current { border: 1px solid #ffa300; background-color: #ffa300; color: #ffffff;}








/*layui*/
.layui-bg-orange {background-color: #ff8800!important;}
.layui-form-item {margin-bottom: 0px;}
.layui-form-label {padding: 0 15px!important; height: 32px; line-height: 32px; font-size: 15px;}
.layui-input, .layui-select, .layui-textarea { height: 32px;}
.layui-btn { height: 30px; line-height: 30px; width: 100%;}
.layui-form-select dl dd.layui-this { background-color: #ff8800;}
.center-from-ul .layui-form-label { width: 100px!important;}
.center-from-ul .layui-input-block { margin-left: 130px!important;}
